<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>

</body>
<script>
	// `ES`6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。
	// 解构赋值本质就是赋值：把结构解散重构然后赋值。
	// 解构赋值是对赋值运算符=的一种扩展。
	// 在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。
	{
		// es5.1
		var arr = [1, 2, 3];
		var a = arr[0];
		var b = arr[1];
		var c = arr[2];
		
		var obj = {one: 100, two: 200};
		var one = obj.one;
		var two = obj.two;
	}
	{
		// es6
		let arr = [1, 2, 3];
		let [a, b, c] = arr;
		
		let {one, two} = obj;
	}

</script>
</html>